page {
    background-color:  #f2f3f5 !important;
    /*让view离边框具有一点过距离*/
    padding: 16rpx;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
}


/* 观看记录*/
.viewingRecords {
    margin-top: 30rpx;
    height: 350rpx;
}
.record {
    height: 55rpx;
    border-radius: 10rpx;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin-top: 16rpx;
}

.hx {
    margin-top: 10rpx;
    height: 2rpx;
    background-color: rgba(0, 0, 0, 0.5);
}

.lecturer {
	
	    /*让他们在同一行*/
	    display: flex;
	    /*布局方式*/
	    justify-content: space-between;
	    padding: 10rpx 15rpx 20rpx 30rpx;
	    border-radius: 15rpx;
	    margin-top: 40rpx;
	    view {
	        /*因为加上了这个表签，所有要在他的里面写样式布局*/
	        display: flex;
	        /*图片和文字为垂直方式*/
	        flex-direction: column;
	        /*图片文字居中垂直*/
	        align-items: center;
	        image {
	            width: 80rpx;
	            height: 80rpx;
	        }
	    }
	    text {
	        font-size: 22;
	        /*与上面图片的间隙*/
	        margin-top: 12rpx;
	    }
	
   
}


.lecturer2{
	
	/*让他们在同一行*/
	display: flex;
	/*布局方式*/
	justify-content: space-between;
	padding: 10rpx 15rpx 20rpx 30rpx;
	border-radius: 15rpx;
	margin-top: 40rpx;
	view {
	    /*因为加上了这个表签，所有要在他的里面写样式布局*/
	    display: flex;
	    /*图片和文字为垂直方式*/
	    flex-direction: column;
	    /*图片文字居中垂直*/
	    align-items: center;
	    image {
	        width: 80rpx;
	        height: 80rpx;
	    }
	}
	text {
	    font-size: 22;
	    /*与上面图片的间隙*/
	    margin-top: 12rpx;
	}
	
   
}
